<!-- 帮助 -->
<template>
  <view class="container ">
    <view class="list flex-c">
      <view class="item flex">
      <view class="l">关于谊德</view>
      <view class="r flex">
        <text></text>
        <u-icon name="arrow-right"></u-icon>
      </view>
    </view>
    <view class="item flex">
      <view class="l">帮助中心</view>
      <view class="r">
        <text></text>
        <u-icon name="arrow-right"></u-icon>
      </view>
    </view>
    <view class="item flex">
      <view class="l">服务协议</view>
      <view class="r">
        <text></text>
        <u-icon name="arrow-right"></u-icon>
      </view>
    </view>
    <view class="item flex">
      <view class="l">检查新版本</view>
      <view class="r">
        <text>当前版本1.0.0</text>
        <u-icon name="arrow-right"></u-icon>
      </view>
    </view>

    </view>
    
    <view class="btn">
      <u-button shape="circle" :ripple="true" ripple-bg-color="#909399" :custom-style="customStyle">完成</u-button>
    </view>
  </view>
</template>

<script>
export default {
  data () {
    return {
      customStyle:{
        color:'#fff',
        width: '686rpx',
        height: '90rpx',
        backgroundColor:'#1488FF'
      }
    };
  },

  components: {},

  computed: {},

  mounted() {},

  methods: {}
}

</script>
<style lang='scss' scoped>
.container {
  min-height: 100vh;
  background-color: $b;
  padding: $p;
  .item {
    padding: 30rpx 0;
    border-bottom: 1px solid #eee;
    min-height: 80rpx;
    .l{
      font-size: 32rpx;
      font-family: PingFang SC;
      font-weight: 400;
      color: #333333;
    }
    .r {
      text{
        font-size: 28rpx;
        font-family: PingFang SC;
        font-weight: 400;
        color: #999999;
      }
    }
  }
  
  .btn {
    margin-top: 50rpx;
  }

}
</style>